<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<script type="text/javascript" src="getXml.js"></script>
<head>
<title>Untitled Page</title>
<style type="text/css">
#update{
float: right;
overflow: auto;
width: 400px;
height: 500px;
border: 1px solid black;
}
</style>
<script type="text/javascript">
function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
 } 
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}

function refresh(dir)
{
var myvar = GetXmlHttpObject();
myvar.onreadystatechange = function()
{
var myobj = document.getElementById("update");
if(myvar.readyState ==1)
myobj.innerHTML = "Loading content...";
if(myvar.readyState == 4)
myobj.innerHTML = myvar.responseText;
};
myvar.open("GET","index1.html"+dir,false);
myvar.send(null);
}
</script>
</head>
<body>
<div id="update">
</div>
<div style="float: left;">
<form action="">
<input type="text" name="dir" /> <a href="#top" onclick="refresh(document.forms[0].dir.value); return false;">Refresh list()</a>
</form>
</div>
</body>
</html>